<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>
<head>

<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<link rel="stylesheet" type="text/css" href="<%=basePath%>jslib/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="<%=basePath%>jslib/easyui/themes/icon.css">
<link rel="stylesheet" type="text/css" href="<%=basePath%>jslib/easyui/demo/demo.css">
<script type="text/javascript" src="<%=basePath%>jslib//easyui/jquery.min.js"></script>
<script type="text/javascript" src="<%=basePath%>jslib/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="<%=basePath%>jslib/easyui/locale/easyui-lang-zh_CN.js"></script>

<title>easyui-combobox-3级联动</title>

<script type="text/javascript">

	$(function(){
		$('#txtSheng').combobox();
		$('#txtShi').combobox({disabled:true});
		$('#txtQu').combobox({disabled:true});
		
		$("#txtSheng").combobox({
			valueField:'id',    
	        textField:'text',  
	        url:'combobox-sheng.json',
	        onSelect:function(record){
	        	$('#txtShi').combobox({
		        	disabled:false,
		        	url:"combobox-shi.json",
		        	valueField:'id',
		        	textField:'text',
		        	onSelect:function(record){
		        		$('#txtQu').combobox({
			        		disabled:false,
				        	url:"combobox-qu.json",
				        	valueField:'id',
				        	textField:'text'
				        });
		        			
		        	}
	        	}).combobox('clear');
	        	
	        	$('#txtQu').combobox({
		        	disabled:true
	        	}).combobox('clear');
	        	
	        }
		});
	})


</script>
</head>
<body>

    easyui combobox 3级联动:<br>
请选择所在地址:<input id="txtSheng" style="width:170px;"><input id="txtShi" style="width:170px;"><input  id="txtQu" style="width:170px;">


	<script type="text/javascript">
	
	</script>
</body>
</html>